<template>
	<div class="details-nav">
		<navigator url="index.html?m=taoke" class="goBack details-nav-back"></navigator> 	
	</div>
	<image style="width: 100%;" src="http://img.alicdn.com/bao/uploaded/i1/3424691269/TB2M_vop7SWBuNjSszdXXbeSpXa_!!3424691269-0-item_pic.jpg"></image>
	<div class="main-body bg-fff">
		<div class="d-title">拖鞋男士夏季时尚防滑软底外穿凉鞋潮流沙滩托夏天人字潮个性凉拖 </div>
		<div class="d-price-row">
			<div class="d-price">￥39.00</div>
			<div class="d-sold">销量 15061</div>
			<div class="d-juan-price">
				<div class="d-juan-price-q">券</div>
				<div class="d-juan-price-m">￥3.00</div>
			</div>

		</div>
		<navigator url="javascript:;" class="look-text">查看图文详情</navigator>
		<div class="d-content none">这是详情内容 </div>
		<div class="d-jp-hd">
			<div class="d-jp-hd-a">精品</div>推荐
		</div>
	</div>
	
	<div class="tk-mtlist" id="list">
		<navigator class="tk-mtlist-item" url="index.html?m=taoke&a=show">
			<div class="tk-mtlist-imgbox">
				<img class="tk-mtlist-img" src="http://img.alicdn.com/bao/uploaded/i4/3191021031/TB2Qn3NeWAoBKNjSZSyXXaHAVXa_!!3191021031.jpg">
				<div class="tk-mtlist-juan-price">券￥5.00</div>
			</div>
			<div class="flex-1">
				<div class="tk-mtlist-title">竹酒 原生态竹筒酒 鲜竹子酒竹桶酒 青竹酒 特价白酒浓香型52度</div>

				<div class="tk-mtlist-row-price">
					<div class="tk-mtlist-price">￥20.80(券后)</div>
					<div class="tk-mtlist-sold">销量7480</div>
				</div>
			</div>
		</navigator>

		<navigator class="tk-mtlist-item" url="index.html?m=taoke&a=show">
			<div class="tk-mtlist-imgbox">
				<img class="tk-mtlist-img" src="http://img.alicdn.com/bao/uploaded/i4/3191021031/TB2Qn3NeWAoBKNjSZSyXXaHAVXa_!!3191021031.jpg">
				<div class="tk-mtlist-juan-price">券￥5.00</div>
			</div>
			<div class="flex-1">
				<div class="tk-mtlist-title">竹酒 原生态竹筒酒 鲜竹子酒竹桶酒 青竹酒 特价白酒浓香型52度</div>

				<div class="tk-mtlist-row-price">
					<div class="tk-mtlist-price">￥20.80(券后)</div>
					<div class="tk-mtlist-sold">销量7480</div>
				</div>
			</div>
		</navigator>

		<navigator class="tk-mtlist-item" url="index.html?m=taoke&a=show">
			<div class="tk-mtlist-imgbox">
				<img class="tk-mtlist-img" src="http://img.alicdn.com/bao/uploaded/i4/3191021031/TB2Qn3NeWAoBKNjSZSyXXaHAVXa_!!3191021031.jpg">
				<div class="tk-mtlist-juan-price">券￥5.00</div>
			</div>
			<div class="flex-1">
				<div class="tk-mtlist-title">竹酒 原生态竹筒酒 鲜竹子酒竹桶酒 青竹酒 特价白酒浓香型52度</div>

				<div class="tk-mtlist-row-price">
					<div class="tk-mtlist-price">￥20.80(券后)</div>
					<div class="tk-mtlist-sold">销量7480</div>
				</div>
			</div>
		</navigator>
		<navigator class="tk-mtlist-item" url="index.html?m=taoke&a=show">
			<div class="tk-mtlist-imgbox">
				<img class="tk-mtlist-img" src="http://img.alicdn.com/bao/uploaded/i4/3191021031/TB2Qn3NeWAoBKNjSZSyXXaHAVXa_!!3191021031.jpg">
				<div class="tk-mtlist-juan-price">券￥5.00</div>
			</div>
			<div class="flex-1">
				<div class="tk-mtlist-title">竹酒 原生态竹筒酒 鲜竹子酒竹桶酒 青竹酒 特价白酒浓香型52度</div>

				<div class="tk-mtlist-row-price">
					<div class="tk-mtlist-price">￥20.80(券后)</div>
					<div class="tk-mtlist-sold">销量7480</div>
				</div>
			</div>
		</navigator>

	</div>
	<!--底部-->
	<div style="height: 50px;"></div>
	<div class="bfooter">
		<div class="flex-1 flex mgl-5">券后价
			<div class="cl-money">39.00</div>
		</div>
		<div class="flex mgr-5">优惠：
			<div class="cl-money">￥3.00</div>
		</div>
		<div class="bfooter-pwd "  >口令购买</div>
		<navigator url="" class="bfooter-lq">立即领券</navigator>
	</div>
	<!--弹出框--->
	
	<div id="fixbox" class="fixbox"  >

		<div class="flex">
			
			<div class="flex-1 flex-center">淘口令购买</div>
			<div class="fixbox-close iconfont icon-close"></div>
		</div>
		<div class="fixbox-box" >
			<div class="f14 cl2 pd-5">拖鞋男士夏季时尚防滑软底外穿凉鞋潮流沙滩托夏天人字潮个性凉拖</div>
			<div class="flex cl2">券后价：
				<span class="cl-num">￥39.00</span>
			</div>
			<div class="f14 cl2">复制这条信息</div>
			<div class="cl-num">￥EYw70wnbSYm￥</div>
			<div class="flex cl2">打开
				<span class="num">[手机淘宝]</span>即可领取优惠券购买</div>
		</div>
		<div class="flex-center">
			<div class="btn">一键复制</div>
		</div>
		<div class="pd-5 flex-center">
			<div class=" cl2 f12">由于部分浏览器不支持一键复制，</div>
			<div class="  cl2 f12">若一键复制失败，请长按文字手动复制</div>
		</div>	
	</div>
</template>
<link href="html/taoke/taoke.css" rel="stylesheet" />
<script>
	$(document).on("click",".look-text",function(){
		$(".d-content").toggle();
	})
	$(document).on("click",".bfooter-pwd",function(){
		$(".fixbox").toggle();
	})
	$(document).on("click",".fixbox-close",function(){
		$(".fixbox").toggle();
	})
</script>
